<template>
    <page-body>
        <view class="page">
            <view class="flex align-stretch benben-position-layout flex detailsDd_flex_0" :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
                <view class='flex align-center justify-between flex-sub detailsDd_fd0_0'>
                    <view class='flex align-center detailsDd_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
                        <text class='fu-iconfont2  detailsDd_fd0_0_c0_c0'>&#xE794;</text>
                    </view>
                    <text class='detailsDd_fd0_0_c1'>订单详情</text>
                    <view class='flex align-center detailsDd_fd0_0_c0'>
                    </view>
                </view>

            </view>
            <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			
			<fu-loading v-if="isShow"></fu-loading>
			<view class="" v-if="!isShow"></view>
            <!---flex布局flex布局开始-->
            <view class="flex flex-wrap align-center justify-between benben-flex-layout detailsDd_flex_1" v-if="detail.status==0 || detail.status == 7 || detail.status == -1">
                <view class='flex flex-direction flex-wrap align-stretch' v-if="detail.status==0">
                    <text class='detailsDd_fd1_0_c0'>订单待付款</text>
                    <view class='flex flex-wrap align-center' v-if="detail.pay_time_end > 0">
                        <text class='detailsDd_fd1_0_c1_c0'>剩余支付时间</text>
                        <benben-countdown class=' detailsDd_fd1_0_c1_c1' :show-day='false' :show-hour='true' :show-minute='true' :show-second='true' 
						:time-type='false' :count-time="detail.pay_time_end">
                            <template #default="{ d, h, i, s }">
                                <text class='detailsDd_fd1_0_c1_c1_c2'>{{h}}</text>

                                <text style="color:#fff;">:</text>

                                <text class='detailsDd_fd1_0_c1_c1_c2'>{{i}}</text>

                                <text style="color:#fff;">:</text>

                                <text class='detailsDd_fd1_0_c1_c1_c2'>{{s}}</text>

                                <text class='detailsDd_fd1_0_c1_c1_c2'></text>
                            </template>
                        </benben-countdown>
                    </view>
                </view>
				<view class='flex flex-direction flex-wrap align-stretch' v-if="detail.status==7">
				    <text class='detailsDd_fd1_0_c0'>订单已送达</text>
				    <view class='flex flex-wrap align-center'>
				        <text class='detailsDd_fd1_0_c1_c0'>订单已完成</text>
				    </view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch' v-if="detail.status==-1">
				    <text class='detailsDd_fd1_0_c0'>订单已取消</text>
				</view>
				
				<button class='refundXq_fd1_1' v-if="detail.status==-1" @tap.stop="popupShow1716018397733 = true">删除订单</button>
                <image class='detailsDd_fd1_1' mode="aspectFit" :src='STATIC_URL+"173.png"' v-if="detail.status==0"></image>
                <image class='detailsDd_fd1_1' mode="aspectFit" :src='STATIC_URL+"175.png"' v-if="detail.status==7"></image>
            </view>

       
            <view class="flex flex-wrap align-center benben-flex-layout detailsDd_flex_2" v-if="detail.send_mode != 'takeout' && detail.status != 7 && detail.status>0">
				<view class="" >
					<text class='detailsDd_fd2_0_c2_c0' v-if="detail.status == 1">商家待接单</text>
					<text class='detailsDd_fd2_0_c2_c0' v-if="detail.status == 2">商家已接单</text>
					<text class='detailsDd_fd2_0_c2_c0' v-if="detail.status == 3">订单待取货</text>
					<view class='flex flex-wrap align-center detailsDd_fd2_0_c1' v-if="detail.status == 3">
					    <text class='detailsDd_fd2_0_c2_c0'>取餐码：</text>
					    <text class='detailsDd_fd2_0_c2_c1'>{{detail.pick_code}}</text>
					</view>
				</view>
                <button class='detailsDd_fd2_1'  v-if="detail.status != 1" @tap.stop="callMobile(detail.store_info.tel)">联系商家</button>
                <button class='detailsDd_fd2_1'  v-if="detail.status == 1" @tap.stop="popupShow1716018397736 = true">取消订单</button>
                <button class='detailsDd_fd2_1'  v-if="detail.status == 3" @tap.stop="popupShow1716018397735 = true">确认取货</button>
            </view>

            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_3" v-if="detail.status == 7">
                <view class='flex flex-wrap align-center detailsDd_fd3_0'>
                    <button class='detailsDd_fd3_0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
				:data-url="`/pages/order/sqRefund/sqRefund?order_sn=${detail.order_sn}&type=${orderType}`" v-if="detail.after_sale == 0">申请退款</button>
                    <button class='detailsDd_fd3_0_c3' @tap.stop="handleJumpDiy" data-type="navigateTo" 
				:data-url="`/pages/order/refundXq/refundXq?order_sn=${detail.order_sn}&type=${orderType}&aid=${detail.aid}`" v-if="detail.after_sale != 0">退款详情</button>
                    <button class='detailsDd_fd3_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo" v-if="detail.is_evaluate != 2"
				:data-url="`/pages/order/evaluate/evaluate?aid=${order_id}`">评价</button>
				    <button class='detailsDd_fd3_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo" v-if="detail.is_evaluate == 2"
				:data-url="`/pages/order/evaluate/evaluate?aid=${order_id}&type=1`">查看评价</button>
					
                </view>
                <view class='flex flex-wrap align-center justify-between detailsDd_fd3_1'>
                    <view class='flex flex-direction flex-wrap align-center'  @tap.stop="callMobile(detail.store_info.tel)">
                        <image class='detailsDd_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"183.png"'></image>
                        <text class='detailsDd_fd3_1_c0_c1'>联系商家</text>
                    </view>
                    <view class='flex flex-direction flex-wrap align-center' v-if="detail.store_info" @tap.stop="post66a850785efdf">
                        <image class='detailsDd_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"182.png"'></image>
                        <text class='detailsDd_fd3_1_c0_c1'>再来一单</text>
                    </view>
                    <view class='flex flex-direction flex-wrap align-center' @tap.stop="popupShow1716018397733 = true">
                        <image class='detailsDd_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"184.png"'></image>
                        <text class='detailsDd_fd3_1_c0_c1'>删除订单</text>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-wrap align-center justify-between benben-flex-layout detailsDd_flex_4" v-if="detail.status==0">
                <view class='flex flex-direction flex-wrap align-center' @tap.stop="popupShow1716018397736 = true">
                    <image class='detailsDd_fd4_0_c0' mode="aspectFit" :src='STATIC_URL+"180.png"'></image>
                    <text class='detailsDd_fd4_0_c1'>取消订单</text>
                </view>
                <view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo" 
									:data-url="`/pages/inSchool/cashier/lakala?money=${detail.payable_money}&order_sn=${detail.order_sn}&type=1&countdown=${detail.pay_time_end}`">
                    <image class='detailsDd_fd4_0_c0' mode="aspectFit" :src='STATIC_URL+"181.png"'></image>
                    <text class='detailsDd_fd4_0_c1'>立即付款</text>
                </view>
                <view class='flex flex-direction flex-wrap align-center' @tap.stop="callMobile(detail.store_info.tel)">
                    <image class='detailsDd_fd4_0_c0' mode="aspectFit" :src='STATIC_URL+"183.png"'></image>
                    <text class='detailsDd_fd4_0_c1'>联系商家</text>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center detailsDd_fd5_0" v-if="(detail.status >= 1 && detail.status != 7) && detail.send_mode == 'takeout' ">
                <!-- <image class='detailsDd_fd5_0' mode="aspectFill" :src='STATIC_URL+"61.png"'></image> -->
				<map style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_6" v-if="detail.status != 7 && detail.status >= 1 && detail.send_mode == 'takeout'">
				<!-- 订单状态 状态;-1:已取消;0:待付款;1:待接单（待商家接单）;
				2:备餐中;3:已出餐(待骑手接单);4:待取餐（待骑手取货）;5:配送中（待自提）;6:已完成(骑手送达) -->
                <view class='flex flex-wrap align-center detailsDd_fd6_0' v-if="detail.status == 1">
                    <text class='detailsDd_fd6_0_c0'>待接单</text>
                    <text>等待商家接单</text>
                </view>
				<view class='flex flex-wrap align-center detailsDd_fd6_0' v-if="detail.status == 2">
				    <text class='detailsDd_fd6_0_c0'>商家已接单</text>
				    <text>商家备货中</text>
				</view>
				<view class='flex flex-wrap align-center detailsDd_fd6_0' v-if="detail.status == 3">
				    <text class='detailsDd_fd6_0_c0'>商家已出餐</text>
				    <text>商家已出餐，等待骑手接单</text>
				</view>
				<view class='flex flex-wrap align-center detailsDd_fd6_0' v-if="detail.status == 4">
				    <text class='detailsDd_fd6_0_c0'>骑手已接单</text>
				    <text>骑手正在赶往商家</text>
				</view>
				<view class='flex flex-wrap align-center detailsDd_fd6_0' v-if="detail.status == 5">
				    <text class='detailsDd_fd6_0_c0'>骑手已到店</text>
				    <text>骑手正在等待取餐</text>
				</view>
				<view class='flex flex-wrap align-center detailsDd_fd6_0' v-if="detail.status == 6">
				    <text class='detailsDd_fd6_0_c0'>骑手配送中</text>
				    <text>骑手正在给您送餐</text>
				</view>
                <view class='flex flex-wrap align-center'>
                    <button class='detailsDd_fd6_1_c0' v-if="detail.status == 2 || detail.status == 1" @tap.stop="popupShow1716018397736 = true">取消订单</button>
                    <button class='detailsDd_fd6_1_c1' @tap.stop="callMobile(detail.store_info.tel)">联系商家</button>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center detailsDd_flex_7" v-if="detail.send_mode == 'takeout' && detail.is_delay == 1" 
			    @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/order/delayed/delayed?aid=${detail.delay_aid}`">
                <text class='detailsDd_fd7_0'>骑手已申请延时，请</text>
                <text class='detailsDd_fd7_1'>查看</text>
                <image class='detailsDd_fd7_2' mode="aspectFit" :src='STATIC_URL+"65.png"'></image>
            </view>
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_15" v-if="detail.send_mode != 'takeout'">
			    <view class='flex flex-direction flex-wrap align-stretch detailsDd_fd15_0'>
			        <view class='flex flex-wrap align-center detailsDd_fd15_0_c0'>
			            <text class='detailsDd_fd15_0_c0_c0' v-if="detail.send_mode=='pack'">自提信息</text>
			            <text class='detailsDd_fd15_0_c0_c0' v-if="detail.send_mode=='eatin'">就餐信息</text>
			        </view>
			        <view class='flex flex-wrap align-center justify-between detailsDd_fd15_0_c2'>
			            <text class='detailsDd_fd15_0_c2_c0' v-if="detail.send_mode=='pack'">自提时间</text>
			            <text class='detailsDd_fd15_0_c2_c0' v-if="detail.send_mode=='eatin'">就餐时间</text>
			            <text class='detailsDd_fd15_0_c2_c1'>{{detail.forecast_time}}</text>
			        </view>
					<view class='flex flex-wrap align-center justify-between detailsDd_fd15_0_c2'>
					    <text class='detailsDd_fd15_0_c2_c0'>商家地址</text>
					    <text class='detailsDd_fd15_0_c2_c1'>{{detail.store_info.address_address}}</text>
					</view>
					<view class='flex flex-wrap align-center justify-between detailsDd_fd15_0_c2'>
					    <text class='detailsDd_fd15_0_c2_c0' v-if="detail.send_mode=='pack'">自提人电话</text>
					    <text class='detailsDd_fd15_0_c2_c0' v-if="detail.send_mode=='eatin'">就餐人电话</text>
					    <text class='detailsDd_fd15_0_c2_c1'>{{detail.pick_mobile}}</text>
					</view>
			        
			    </view>
			</view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <!-- <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_8">
                <view class='flex flex-wrap align-center detailsDd_fd8_0'>
                    <text class='detailsDd_fd8_0_c0'>退款金额</text>
                    <text class='detailsDd_fd8_0_c1'>￥</text>
                    <text class='detailsDd_fd8_0_c1'>50.00</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd8_0'>
                    <text class='detailsDd_fd8_1_c0'>退款账户</text>
                    <text class='detailsDd_fd8_1_c1'>原路返回</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd8_0'>
                    <text class='detailsDd_fd8_1_c0'>退款时间</text>
                    <text class='detailsDd_fd8_1_c1'>2020-10-23 15:54</text>
                </view>
            </view> -->

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <!-- <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_9">
                <view class='flex flex-direction flex-wrap align-stretch detailsDd_fd9_0'>
                    <view class='flex flex-wrap align-center detailsDd_fd9_0_c0'>
                        <text class='detailsDd_fd9_0_c0_c0'>退款信息</text>
                    </view>
                    <view class='flex flex-wrap align-center detailsDd_fd9_0_c1'>
                        <text class='self-start detailsDd_fd9_0_c1_c0'>退款类型</text>
                        <text class='flex-sub detailsDd_fd9_0_c1_c1'>全部退款</text>
                    </view>
                    <view class='flex flex-wrap align-center detailsDd_fd9_0_c1'>
                        <text class='detailsDd_fd9_0_c2_c0'>退款原因</text>
                        <text class='detailsDd_fd9_0_c2_c1'>不好吃</text>
                    </view>
                    <view class='flex flex-wrap align-stretch detailsDd_fd9_0_c3'>
                        <text class='self-start detailsDd_fd9_0_c3_c0'>退款说明</text>
                        <text class='flex-sub detailsDd_fd9_0_c1_c1'>不好吃，送的时间晚，都凉了，还没有放盐</text>
                    </view>
                    <view class='flex flex-wrap align-center detailsDd_fd9_0_c4'>
                        <view class='flex flex-wrap align-center detailsDd_fd9_0_c4_c0'>
                            <image class='detailsDd_fd9_0_c4_c0_c0' mode="aspectFit" :src='STATIC_URL+"23.png"'></image>
                        </view>
                    </view>
                </view>
            </view> -->

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_10" v-if="detail.status >= 4 && detail.send_mode == 'takeout'">
                <view class='flex flex-wrap align-center detailsDd_fd10_0' v-if="detail.status == 7">
                    <text class='detailsDd_fd10_0_c0'>骑手已送达</text>
                    <text class='detailsDd_fd10_0_c1'>送达时间：</text>
                    <text class='detailsDd_fd10_0_c2'>{{detail.finish_time}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd10_1' v-if="detail.rider_info">
                    <image class='detailsDd_fd10_1_c0' mode="aspectFill" :src='detail.rider_info.logo'></image>
                    <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                        <view class='flex flex-wrap align-center detailsDd_fd10_1_c1_c0'>
                            <text class='detailsDd_fd10_1_c1_c0_c0'>{{detail.rider_info.name}}</text>
                            <view class='flex flex-wrap align-center'>
                                <template v-for="starNum in [1,2,3,4,5]">
                                    <image v-if="detail.rider_info.score >= starNum" :key="starNum" class='detailsDd_star1fd10_1_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"63.png"'></image>
                                    <image v-else :key="starNum" class='detailsDd_star1fd10_1_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"62.png"'></image>
                                </template>
                            </view>
                            <text class='detailsDd_fd10_1_c1_c0_c2'>{{detail.rider_info.score}}</text>
                            <text class='detailsDd_fd10_1_c1_c0_c3'>分</text>
                        </view>
                        <view class='flex flex-wrap align-center'>
                            <text class='detailsDd_fd10_1_c1_c1_c0'>已接</text>
                            <text class='detailsDd_fd10_1_c1_c1_c0'>{{detail.rider_info.order_num}}</text>
                            <text class='detailsDd_fd10_1_c1_c1_c0'>单</text>
                        </view>
                    </view>
                </view>
                <view class='flex flex-wrap align-center justify-center detailsDd_fd10_2'>
                    <view class='flex flex-wrap align-center' @tap.stop="callMobile(detail.rider_info.phone)">
                        <image class='detailsDd_fd10_2_c0_c0' mode="aspectFit" :src='STATIC_URL+"174.png"'></image>
                        <text class='detailsDd_fd10_2_c0_c1'>联系骑手</text>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_11" v-if="detail.send_mode == 'takeout' && detail.status >= 6">
                <view class='flex flex-wrap align-center detailsDd_fd11_0'>
                    <text class='detailsDd_fd11_0_c0'>骑手打卡信息</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd11_1' v-if="detail.fetch_image_rider">
                    <text class='self-start detailsDd_fd11_1_c0'>取货打卡</text>
                    <view class='flex flex-wrap align-center justify-end flex-sub'>
                        <view class='flex flex-wrap align-center detailsDd_fd11_1_c1_c0' @tap.stop="singleImagePreview(detail.fetch_image_rider)">
                            <image class='detailsDd_fd11_1_c1_c0_c0' mode="aspectFill" :src='detail.fetch_image_rider'></image>
                        </view>
                    </view>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd11_2' v-if="detail.finish_image.length > 0">
                    <text class='self-start detailsDd_fd11_1_c0'>送达打卡</text>
					<view class='flex flex-wrap align-center justify-end flex-sub'>
					    <view class='flex flex-wrap align-center detailsDd_fd11_1_c1_c0' @tap.stop="singleImagePreview(detail.finish_image)">
					        <image class='detailsDd_fd11_1_c1_c0_c0' mode="aspectFill" :src='detail.finish_image'></image>
					    </view>
					</view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_12" v-if="detail.send_mode == 'takeout'">
                <view class='flex flex-wrap align-center detailsDd_fd12_0'>
                    <text class='detailsDd_fd12_0_c0'>配送信息</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1'>
                    <text class='detailsDd_fd12_1_c0'>期望时间</text>
                    <text class='detailsDd_fd12_1_c1'>{{detail.forecast_time}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1' v-if="detail.send_mode=='pack'">
                    <text class='detailsDd_fd12_1_c0'>自提时间</text>
                    <text class='detailsDd_fd12_1_c1'>立即配送</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1' v-if="detail.send_mode=='eatin'">
                    <text class='detailsDd_fd12_1_c0'>就餐时间</text>
                    <text class='detailsDd_fd12_1_c1'>立即配送</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1'>
                    <text class='self-start detailsDd_fd12_1_c0'>配送地址</text>
                    <text class='flex-sub detailsDd_fd12_4_c1'>{{detail.address.receiver_name}}({{detail.address.sex == 1 ? '先生' : '女士'}}) {{detail.address.receiver_mobile_ps}}
                        {{detail.address.receiver_address}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1' v-if="detail.send_mode != 'takeout'">
                    <text class='self-start detailsDd_fd12_1_c0'>商家地址</text>
                    <text class='flex-sub detailsDd_fd12_4_c1'>{{detail.store_info.name}}
                        {{detail.store_info.address_address}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1' v-if=" detail.send_mode=='pack'">
                    <text class='detailsDd_fd12_1_c0'>自提人电话</text>
                    <text class='detailsDd_fd12_1_c1'>{{detail.pick_mobile}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd12_1' v-if=" detail.send_mode=='eatin'">
                    <text class='detailsDd_fd12_1_c0'>就餐人电话</text>
                    <text class='detailsDd_fd12_1_c1'>{{detail.pick_mobile}}</text>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_13">
                <view class='flex flex-wrap align-center detailsDd_fd13_0' v-if="detail.store_info">
                    <text class='detailsDd_fd13_0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/inSchool/dpDetails/dpDetails?aid=${detail.store_info.aid}`">{{detail.store_info.name}}</text>
                    <button class='detailsDd_fd13_0_c1' v-if=" detail.send_mode=='takeout'">外卖</button>
					<button class='detailsDd_fd13_0_c1_1' v-if=" detail.send_mode=='pack'">自提</button>
					<button class='detailsDd_fd13_0_c1_2' v-if=" detail.send_mode=='eatin'">堂食</button>
                </view>
                <template v-for='(item,key0) in detail.goods_list'>
                    <view class='flex flex-wrap align-center detailsDd_fd13_1' :key='key0'>
                        <image class='detailsDd_fd13_1_c0' mode="aspectFill" :src='item.goods_thumb'></image>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                            <view class='flex flex-wrap align-end detailsDd_fd13_1_c1_c0'>
                                <text class='flex-sub detailsDd_fd13_1_c1_c0_c0'>{{item.goods_name}}</text>
                                <view class='flex flex-wrap align-end'>
                                    <text class='detailsDd_fd13_1_c1_c0_c1_c0'>￥</text>
                                    <text class='detailsDd_fd13_1_c1_c0_c1_c1'>{{item.shop_price}}</text>
                                </view>
                            </view>
                            <text class='detailsDd_fd13_1_c1_c1'>{{item.sku_name}}</text>
                            <view class='flex flex-wrap align-end detailsDd_fd13_1_c1_c2'>
                                <text class='detailsDd_fd13_1_c1_c1'>x</text>
                                <text class='detailsDd_fd13_1_c1_c1'>{{item.num}}</text>
                            </view>
                        </view>
                    </view>
                </template>

                <view class='flex flex-wrap align-center detailsDd_fd13_2' v-if="detail.send_mode != 'eatin'">
                    <text class='detailsDd_fd13_2_c0'>打包费</text>
                    <text class='fu-iconfont2  detailsDd_fd13_2_c1' @tap.stop="popupShow1715854171154=true">&#xe600;</text>
                    <text class='detailsDd_fd13_2_c2'>¥</text>
                    <text class='detailsDd_fd13_2_c3'>{{detail.pack_money}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd13_3' v-if="detail.send_mode == 'takeout'">
                    <text class='detailsDd_fd13_2_c0'>配送费</text>
                    <text class='fu-iconfont2  detailsDd_fd13_2_c1' @tap.stop="popupShow1715742139239=true">&#xe600;</text>
                    <text class='detailsDd_fd13_2_c2'>¥</text>
                    <text class='detailsDd_fd13_2_c3'>{{detail.freigh}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd13_3' v-if="detail.send_mode == 'takeout'">
                    <text class='detailsDd_fd13_4_c0'>是否上楼</text>
                    <text class='detailsDd_fd13_2_c3' v-if=" detail.is_upstairs=='1'">是</text>
					<text class='detailsDd_fd13_2_c3' v-if=" detail.is_upstairs==0">否</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd13_3' v-if="detail.is_upstairs=='1'">
                    <text class='detailsDd_fd13_4_c0'>所在楼层</text>
                    <text class='detailsDd_fd13_2_c3'>{{detail.floor}}</text>
                    <text class='detailsDd_fd13_2_c3'></text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd13_3' v-if="detail.is_upstairs=='1'">
                    <text class='detailsDd_fd13_2_c0'>上楼费</text>
                    <text class='fu-iconfont2  detailsDd_fd13_2_c1' @tap.stop="popupShow1715734974451=true">&#xe600;</text>
                    <text class='detailsDd_fd13_2_c2'>¥</text>
                    <text class='detailsDd_fd13_2_c3'>{{detail.floor_price}}</text>
                </view>
                <view class='flex flex-wrap align-center detailsDd_fd13_3' v-if="detail.activity_money">
                    <image class='detailsDd_fd13_7_c0' mode="aspectFit" :src='STATIC_URL+"46.png"'></image>
                    <text class='detailsDd_fd13_2_c0'>满减优惠</text>
                    <text class='detailsDd_fd13_2_c2'>-¥</text>
                    <text class='detailsDd_fd13_2_c3'>{{detail.activity_money}}</text>
                </view>
                <view class='flex flex-wrap align-center justify-between detailsDd_fd13_3' v-if="detail.coupon_money && detail.coupon_money > 0">
                    <text class='detailsDd_fd13_2_c0'>优惠券</text>
                    <view class='flex flex-wrap align-center detailsDd_fd13_8_c1'>
                        <image class='detailsDd_fd13_8_c1_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
                        <text class='detailsDd_fd13_8_c1_c1'>优惠</text>
                        <text class='detailsDd_fd13_8_c1_c1'>{{detail.coupon_money}}</text>
                        <text class='detailsDd_fd13_8_c1_c1'>元</text>
                    </view>
                </view>
                <view class='flex flex-wrap align-center justify-end detailsDd_fd13_9'>
                    <text class='detailsDd_fd13_1_c1_c1'>已优惠￥</text>
                    <text class='detailsDd_fd13_1_c1_c1'>{{Number(detail.activity_money) + Number(detail.coupon_money)}}</text>
                    <text class='detailsDd_fd13_9_c2'>小计：</text>
                    <text class='detailsDd_fd13_9_c3'>￥</text>
                    <text class='detailsDd_fd13_9_c4'>{{detail.payable_money}}</text>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center detailsDd_flex_14" v-if=" detail.remark!=''">
                <text class='self-start detailsDd_fd14_0'>备注</text>
                <text class='flex-sub detailsDd_fd14_1'>{{detail.remark}}</text>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_15">
                <view class='flex flex-direction flex-wrap align-stretch detailsDd_fd15_0'>
                    <view class='flex flex-wrap align-center detailsDd_fd15_0_c0'>
                        <text class='detailsDd_fd15_0_c0_c0'>订单信息</text>
                    </view>
                    <view class='flex flex-wrap align-stretch detailsDd_fd15_0_c1'>
                        <text class='detailsDd_fd15_0_c1_c0'>订单编号</text>
                        <text class='detailsDd_fd15_0_c1_c1'>{{detail.order_sn}}</text>
                        <text class='detailsDd_fd15_0_c1_c2' @tap.stop="copyText(detail.order_sn)">复制</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-between detailsDd_fd15_0_c2'>
                        <text class='detailsDd_fd15_0_c2_c0'>下单时间</text>
                        <text class='detailsDd_fd15_0_c2_c1'>{{detail.create_time}}</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-between detailsDd_fd15_0_c2' v-if="detail.pay_type">
                        <text class='detailsDd_fd15_0_c2_c0'>支付方式</text>
                        <text class='detailsDd_fd15_0_c2_c1' v-if=" detail.pay_type=='1'">微信支付</text>
						<text class='detailsDd_fd15_0_c2_c1' v-if=" detail.pay_type=='2'">余额支付</text>
						<text class='detailsDd_fd15_0_c2_c1' v-if=" detail.pay_type=='3'">余额+微信支付</text>
                    </view>
                    <view class='flex flex-wrap align-center detailsDd_fd15_0_c4' v-if="detail.pay_type">
                        <text class='detailsDd_fd15_0_c2_c0'>支付金额</text>
                        <!-- <text class='detailsDd_fd15_0_c4_c1'>￥</text> -->
                        <text class='detailsDd_fd15_0_c2_c1'>￥{{detail.payable_money}}</text>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <benben-popup v-model="popupShow1716018397737" :mask="true" :mask-close-able="true" mode='center'>
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_16">
                    <text class='detailsDd_fd16_0'>提示</text>
                    <text class='detailsDd_fd16_1'>确认撤销申请？</text>
                    <view class='flex flex-wrap align-center'>
                        <button class='detailsDd_fd16_2_c0' @tap.stop="popupShow1657962102065=false">取消</button>
                        <button class='detailsDd_fd16_2_c1' @tap.stop="post647422bf5029b">确认</button>
                    </view>
                </view>
            </benben-popup>
			<benben-popup v-model="popupShow1716018397736" :mask="true" :mask-close-able="true" mode='center'>
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_16">
			        <text class='detailsDd_fd16_0'>提示</text>
			        <text class='detailsDd_fd16_1'>确定要取消订单吗？</text>
			        <view class='flex flex-wrap align-center'>
			            <button class='detailsDd_fd16_2_c0' @tap.stop="popupShow1716018397736=false">取消</button>
			            <button class='detailsDd_fd16_2_c1' @tap.stop="post646f1691d1cda">确认</button>
			        </view>
			    </view>
			</benben-popup>
			<benben-popup v-model="popupShow1716018397735" :mask="true" :mask-close-able="true" mode='center'>
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_16">
			        <text class='detailsDd_fd16_0'>提示</text>
			        <text class='detailsDd_fd16_1'>确定已经取到商品吗？</text>
			        <view class='flex flex-wrap align-center'>
			            <button class='detailsDd_fd16_2_c0' @tap.stop="popupShow1716018397735=false">取消</button>
			            <button class='detailsDd_fd16_2_c1' @tap.stop="post6694cb0dc6885">确认</button>
			        </view>
			    </view>
			</benben-popup>
			<benben-popup v-model="popupShow1716018397733" :mask="true" :mask-close-able="true" mode='center'>
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_16">
			        <text class='detailsDd_fd16_0'>提示</text>
			        <text class='detailsDd_fd16_1'>确定要删除此订单吗？</text>
			        <view class='flex flex-wrap align-center'>
			            <button class='detailsDd_fd16_2_c0' @tap.stop="popupShow1716018397733=false">取消</button>
			            <button class='detailsDd_fd16_2_c1' @tap.stop="post646833a12bafe">确认</button>
			        </view>
			    </view>
			</benben-popup>
            <benben-popup v-model="popupShow1715854171154" :mask="true" :mask-close-able="true" mode='bottom'>
                <!---配送费弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_17">
                    <view class='flex flex-wrap align-center justify-between detailsDd_fd17_0'>
                        <view class='flex flex-wrap align-center detailsDd_fd17_0_c0'>
                        </view>
                        <text class='detailsDd_fd17_0_c1'>打包费说明</text>
                        <image class='detailsDd_fd17_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"' @tap.stop="popupShow1715854171154=false"></image>
                    </view>

                    <scroll-view class='detailsDd_fd17_1' :scroll-y='true'>
                        <view class='flex flex-direction align-center benben-scroll flex'>
                            <jyf-parser class='detailsDd_fd17_1_c0' :html="dabao.content | richTextFormat">
                            </jyf-parser>
                        </view>
                    </scroll-view>

                </view>

                <!---配送费弹窗flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1715742139239" :mask="true" :mask-close-able="true" mode='bottom'>
                <!---配送费弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_18">
                    <view class='flex flex-wrap align-center justify-between detailsDd_fd18_0'>
                        <view class='flex flex-wrap align-center detailsDd_fd18_0_c0'>
                        </view>
                        <text class='detailsDd_fd18_0_c1'>配送费说明</text>
                        <image class='detailsDd_fd18_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"' @tap.stop="popupShow1715742139239=false"></image>
                    </view>

                    <scroll-view class='detailsDd_fd18_1' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'>
                        <view class='flex flex-direction align-center benben-scroll flex'>
                            <jyf-parser class='detailsDd_fd18_1_c0' :html="peisong.content | richTextFormat">
                            </jyf-parser>
                        </view>
                    </scroll-view>

                </view>

                <!---配送费弹窗flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1715734974451" :mask="true" :mask-close-able="true" mode='bottom'>
                <!---上楼费弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_19">
                    <view class='flex flex-wrap align-center justify-between detailsDd_fd19_0'>
                        <view class='flex flex-wrap align-center detailsDd_fd19_0_c0'>
                        </view>
                        <text class='detailsDd_fd19_0_c1'>上楼费说明</text>
                        <image class='detailsDd_fd19_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"' @tap.stop="popupShow1715734974451=false"></image>
                    </view>

                    <scroll-view class='detailsDd_fd19_1' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'>
                        <view class='flex flex-direction align-center benben-scroll flex'>
                            <jyf-parser class='detailsDd_fd19_1_c0' :html="shanglou.content | richTextFormat">
                            </jyf-parser>
                        </view>
                    </scroll-view>
                </view>
            </benben-popup>


        </view>
    </page-body>
</template>
<script>
    import {
        validate
    } from '@/common/utils/validate.js'

    export default {
        components: {},


        data() {
            return {
				popupShow1716018397735:false,
				popupShow1716018397733:false,
				popupShow1716018397736:false,
                "popupShow1715734974451": false,
                "popupShow1715742139239": false,
                "popupShow1715854171154": false,
                "popupShow1716018397737": false,
                "fd10_1_c1_c0_c1": 2,
                "fd2_0_c1_c1": 360000,
                "fd1_0_c1_c1": 360000,
                "detail": {
                    "aid": "",
                    "order_sn": "",
                    "status": "",
                    "user_nickname": "",
                    "user_mobile": "",
                    "send_mode": "",
                    "is_at_once": "",
                    "expected_time": "",
                    "pick_mobile": "",
                    "pick_code": "",
                    "pick_time": "",
                    "remark": "",
                    "create_time": "",
                    "order_money": "",
                    "real_money": "",
                    "userstore_id": "",
                    "rider_id": "",
                    "pack_money": "",
                    "freigh": "",
                    "store_info": {
                        "aid": "",
                        "name": "",
                        "logo": "",
                        "address": "",
                        "tel": "",
                        "address_province": "",
                        "address_city": "",
                        "address_district": "",
                        "address_lng": "",
                        "address_lat": ""
                    },
                    "goods_list": [],
                    "refund_info": {
                        "status": ""
                    },
                    "pay_time": "",
                    "store_address": "",
                    "user_address": "",
                    "store_mobile": "",
                    "pay_type": "",
                    "rider_info": {
                        "aid": "",
                        "name": "",
                        "phone": "",
                        "logo": "",
                        "address_lng": "",
                        "address_lat": "",
                        "score": "",
                        "order_num": ""
                    },
                    "num": "",
                    "pick_mobile_ps": "",
                    "platform_profits": "",
                    "income": "",
                    "store_profits": "",
                    "pick_code": "",
                    "finish_time": "",
                    "cancel_type": "",
                    "coupon_money": "",
                    "activity_money": "",
                    "payable_money": "",
                    "pay_time_end": "",
                    "address": {
                        "order_sn": "",
                        "address_id": "",
                        "receiver_mobile": "",
                        "receiver_address": "",
                        "receiver_name": "",
                        "receiver_lng": "",
                        "receiver_lat": "",
                        "province": "",
                        "city": "",
                        "district": ""
                    },
                    "progress_state": "",
                    "order_goods_info": {
                        "order_sn": "",
                        "address_id": "",
                        "receiver_mobile": "",
                        "receiver_address": "",
                        "receiver_name": "",
                        "receiver_lng": "",
                        "receiver_lat": "",
                        "province": "",
                        "city": "",
                        "district": "",
                        "sex": ""
                    }
                },
                "dabao": {
                    "aid": "",
                    "type": "",
                    "content": "",
                    "create_time": ""
                },
                "peisong": {
                    "aid": "",
                    "type": "",
                    "content": "",
                    "create_time": ""
                },
                "shanglou": {
                    "aid": "",
                    "type": "",
                    "content": "",
                    "create_time": ""
                },
                "orderType": "",
                "order_id": "6207",
				postType:false,
				latitude: '',
				longitude: '',
				covers: [
					// {
					// 	latitude: 39.909,
					// 	longitude: 116.39742,
					// 	title: '点位名称',
					// 	iconPath: 'https://yunshangxiaoyuans.oss-cn-beijing.aliyuncs.com/mini/images/177.png',
					// 	width: 30, 
					// 	height: 30, 
					// }
				],
				isShow:false,
            };
        },
        computed: {

        },
        watch: {},
        onLoad(options) {
            let {
                orderType,
                order_id
            } = options
            if (orderType !== undefined) this.orderType = orderType
            if (order_id !== undefined) this.order_id = order_id
            this.isShow = true
        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {
			this.getxy46576063f6b7Func()
			this.getwm46576063f6b7Func()
			this.getmx46576063f6b7Func()
            this.getjp46b2e719a5caFunc()
        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {
			this.getxy46576063f6b7Func()
			this.getwm46576063f6b7Func()
			this.getmx46576063f6b7Func()
			this.getjp46b2e719a5caFunc()
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 1000);
        },
        onReachBottom(e) {

        },
        onPageScroll(e) {

        },
        methods: {
			async post66a850785efdf(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post66a850785efdf, {
					order_sn:this.detail.order_sn,
				});
				if (datauser.data.code != 1) {
					this.$message.info(datauser.data.msg);
					this.postType = false
				    return
				}
				this.postType = false
				this.$urouter.navigateTo(`/pages/inSchool/dpDetails/dpDetails?aid=${this.detail.store_info.aid}`);
				// 
			},
			async post646833a12bafe(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post646833a12bafe, {
					order_sn:this.detail.order_sn,
					cancel_role : 1
				});
				if (datauser.data.code != 1) {
					this.$message.info(datauser.data.msg);
					this.postType = false
				    return
				}
				this.$message.info('删除成功！');
				setTimeout(() => {
					this.$urouter.navigateBack(1);
				}, 500)
			},
			// 确认取货
			
			
			async post6694cb0dc6885(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post6694cb0dc6885, {
					order_sn:this.detail.order_sn,
					// cancel_role:1,
				});
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.$message.info('确认成功！');
				this.popupShow1716018397735 = false
				this.getjp46b2e719a5caFunc()
				this.postType = false
			},
			// 取消订单
			async post646f1691d1cda(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post646f1691d1cda, {
					order_sn:this.detail.order_sn,
					// cancel_role:1,
				});
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.$message.info('取消成功！');
				this.popupShow1716018397736 = false
				this.getjp46b2e719a5caFunc()
				this.postType = false
			},
			// 撤销申请
			async post647422bf5029b(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post647422bf5029b, {
					order_sn:this.detail.order_sn,
					order_type:this.orderType,
				});
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.popupShow1657962102065 = false
				this.getjp46b2e719a5caFunc()
				this.postType = false
			},
            //用户端=>订单详情
            async getjp46b2e719a5caFunc() {
                //请求方法
                //数据验证

                let datadetail = await this.$api.get(global.apiUrls.post646b2e719a5ca, {
                    aid: this.order_id
                });

                if (datadetail.data.code != 1) {
                    this.$message.info(datadetail.data.msg);
                    return
                }
                let infodetail = datadetail.data;
                this.detail = infodetail.data
				this.covers = []
				if(this.detail.rider_info && this.detail.rider_info.aid){
					this.latitude = this.detail.rider_info.lat
					this.longitude = this.detail.rider_info.lng
					this.covers.push({
						latitude: this.detail.rider_info.lat,
						longitude: this.detail.rider_info.lng,
						iconPath: 'https://yunshangxiaoyuans.oss-cn-beijing.aliyuncs.com/mini/images/177.png',
						width: 30, 
						height: 30, 
					})
				}
				if(this.detail.store_info){
					if(!this.latitude){
						this.latitude = this.detail.store_info.address_lat
						this.longitude = this.detail.store_info.address_lng
					}
					
					this.covers.push({
						latitude: this.detail.store_info.address_lat,
						longitude: this.detail.store_info.address_lng,
						// title: '点位名称',
						iconPath: this.detail.store_info.logo,
						width: 30, 
						height: 30, 
					})
				}
				console.log(this.latitude,this.longitude,this.covers,121212)
				this.isShow = false

            },
            //注册协议隐私政策
            async getxy46576063f6b7Func() {
                //请求方法
                //数据验证

                let datadabao = await this.$api.get(global.apiUrls.post646576063f6b7, {
                    aid: '21'
                });

                if (datadabao.data.code != 1) {
                    this.$message.info(datadabao.data.msg);
                    return
                }
                let infodabao = datadabao.data;
                this.dabao = infodabao.data

            },
            //注册协议隐私政策
            async getwm46576063f6b7Func() {
                //请求方法
                //数据验证

                let datapeisong = await this.$api.get(global.apiUrls.post646576063f6b7, {
                    aid: '18'
                });

                if (datapeisong.data.code != 1) {
                    this.$message.info(datapeisong.data.msg);
                    return
                }
                let infopeisong = datapeisong.data;
                this.peisong = infopeisong.data

            },
            //注册协议隐私政策
            async getmx46576063f6b7Func() {
                //请求方法
                //数据验证

                let datashanglou = await this.$api.get(global.apiUrls.post646576063f6b7, {
                    aid: '17'
                });

                if (datashanglou.data.code != 1) {
                    this.$message.info(datashanglou.data.msg);
                    return
                }
                let infoshanglou = datashanglou.data;
                this.shanglou = infoshanglou.data

            }
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--window-bottom));
        background: url(image-path('59.png')) no-repeat;
        background-size: 100% 311rpx;
    }

    .detailsDd_flex_0 {
        background: url(image-path('59.png')) no-repeat;
        width: 750rpx;
        height: 88rpx;
        overflow: hidden;
        z-index: 10;
        top: 0rpx;
        background-size: 100% auto !important;
    }

    .detailsDd_fd0_0_c1 {
        font-size: 36rpx;
        font-weight: 500;
        color: var(--benbenFontColor3);
    }

    .detailsDd_fd0_0_c0_c0 {
        font-size: 32rpx;
        font-weight: 500;
        color: var(--benbenFontColor3);
    }

    .detailsDd_fd0_0_c0 {
        width: 180rpx;
        height: 88rpx;
    }

    .detailsDd_fd0_0 {
        padding: 0rpx 32rpx 0rpx 32rpx;
        height: 88rpx;
    }

    .detailsDd_flex_1 {
        padding: 0rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd1_1 {
        width: 140rpx;
        height: 140rpx;
        border-radius: 0rpx 0rpx 0rpx 0rpx;
    }

    .detailsDd_fd1_0_c1_c1_c2 {
        color: rgba(255, 255, 255, 1);
    }

    .detailsDd_fd1_0_c1_c1 {
        background: rgba(255, 0, 0, 0);
    }

    .detailsDd_fd1_0_c1_c0 {
        color: #FFFFFF;
        font-size: 24rpx;
        font-weight: 500;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .detailsDd_fd1_0_c0 {
        color: #FFFFFF;
        font-size: 32rpx;
        font-weight: 500;
        margin: 0rpx 0rpx 10rpx 0rpx;
    }

    .detailsDd_flex_2 {
        background: var(--benbenbgColor1);
        padding: 32rpx 24rpx 32rpx 24rpx;
        margin: 24rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .detailsDd_fd2_1 {
        background: #FF8E21;
        border-radius: 36rpx 36rpx 36rpx 36rpx;
        width: 148rpx;
        line-height: 56rpx;
        font-size: 24rpx;
        color: #fff;
        height: 56rpx;
		margin-left: auto;
    }

    .detailsDd_fd2_0_c3 {
        font-size: 24rpx;
        font-weight: 500;
        color: var(--benbenFontColor0);
        line-height: 33rpx;
    }

    .detailsDd_fd2_0_c2_c1 {
        font-size: 28rpx;
        font-weight: 500;
        color: #FF8E21;
        line-height: 40rpx;
    }

    .detailsDd_fd2_0_c2_c0 {
        font-size: 28rpx;
        font-weight: 500;
        color: var(--benbenFontColor0);
        line-height: 40rpx;
    }

    .detailsDd_fd2_0_c1_c1_c2 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333;
        line-height: 33rpx;
    }

    .detailsDd_fd2_0_c1_c1 {
        background: rgba(246, 52, 52, 0);
    }

    .detailsDd_fd2_0_c1_c0 {
        font-size: 24rpx;
        font-weight: 400;
        color: var(--benbenFontColor0);
        line-height: 33rpx;
    }

    .detailsDd_fd2_0_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #fff;
    }

    .detailsDd_fd2_0_c0 {
        font-size: 32rpx;
        font-weight: 500;
        color: var(--benbenFontColor0);
        line-height: 45rpx;
        margin: 0rpx 0rpx 8rpx 0rpx;
    }

    .detailsDd_fd2_0 {
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .detailsDd_flex_3 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 32rpx 30rpx 32rpx 30rpx;
    }

    .detailsDd_fd3_1_c0_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        margin: 16rpx 0rpx 0rpx 0rpx;
    }

    .detailsDd_fd3_1_c0_c0 {
        width: 40rpx;
        height: 40rpx;
    }

    .detailsDd_fd3_1 {
        margin: 0rpx 18rpx 0rpx 18rpx;
    }

    .detailsDd_fd3_0_c2 {
        background: var(--benbenbgColor0);
        border-radius: 50rpx 50rpx 50rpx 50rpx;
        width: 170rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor3);
        height: 60rpx;
		margin: 0 0 0 24rpx;
    }

    .detailsDd_fd3_0_c0 {
        background: #F6F7F9;
        border-radius: 50rpx 50rpx 50rpx 50rpx;
        width: 170rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor0);
        height: 60rpx;
    }
	.detailsDd_fd3_0_c3{
		background: #F6F7F9;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		width: 170rpx;
		line-height: 60rpx;
		font-size: 24rpx;
		color: var(--benbenFontColor0);
		height: 60rpx;
		margin: 0 0 0 24rpx;
	}

    .detailsDd_fd3_0 {
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_flex_4 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 40rpx 64rpx 40rpx 64rpx;
    }

    .detailsDd_fd4_0_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        margin: 16rpx 0rpx 0rpx 0rpx;
    }

    .detailsDd_fd4_0_c0 {
        width: 40rpx;
        height: 40rpx;
    }

    .detailsDd_fd5_0 {
        width: 750rpx;
        height: 480rpx;
    }

    .detailsDd_flex_6 {
        background: var(--benbenbgColor1);
        margin: 24rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 24rpx 24rpx 24rpx 24rpx;
    }

    .detailsDd_fd6_1_c1 {
        background: var(--benbenbgColor0);
        border-radius: 36rpx 36rpx 36rpx 36rpx;
        width: 148rpx;
        line-height: 56rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor3);
        height: 56rpx;
    }

    .detailsDd_fd6_1_c0 {
        background: #F6F7F9;
        border-radius: 36rpx 36rpx 36rpx 36rpx;
        width: 148rpx;
        line-height: 56rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor0);
        height: 56rpx;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .detailsDd_fd6_0_c0 {
        margin: 0rpx 24rpx 0rpx 0rpx;
        color: #333333;
        font-size: 40rpx;
        font-weight: 500;
        line-height: 56rpx;
    }

    .detailsDd_fd6_0 {
        margin: 0rpx 0rpx 016rpx 0rpx;
    }

    .detailsDd_flex_7 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 24rpx 24rpx 24rpx 24rpx;
    }

    .detailsDd_fd7_2 {
        width: 11rpx;
        height: 19rpx;
        border-radius: 0rpx 0rpx 0rpx 0rpx;
        margin: 0rpx 0rpx 0rpx 10rpx;
    }

    .detailsDd_fd7_1 {
        color: #169EF0;
        font-size: 26rpx;
        font-weight: 400;
        line-height: 37rpx;
    }

    .detailsDd_fd7_0 {
        color: var(--benbenFontColor0);
        font-size: 26rpx;
        font-weight: 400;
        line-height: 37rpx;
    }

    .detailsDd_flex_8 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 32rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd8_1_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_fd8_1_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .detailsDd_fd8_0_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
    }

    .detailsDd_fd8_0_c0 {
        margin: 0rpx 24rpx 0rpx 0rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
    }

    .detailsDd_fd8_0 {
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_flex_9 {
        padding: 0rpx 24rpx 0rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_fd9_0_c4_c0_c0 {
        width: 150rpx;
        height: 150rpx;
        border-radius: 16rpx;
    }

    .detailsDd_fd9_0_c4_c0 {
        margin: 0rpx 9rpx 24rpx 9rpx;
    }

    .detailsDd_fd9_0_c4 {
        padding: 0rpx 15rpx 0rpx 150rpx;
    }

    .detailsDd_fd9_0_c3_c0 {
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        margin: 0rpx 24rpx 0rpx 0rpx;
        line-height: 40rpx;
    }

    .detailsDd_fd9_0_c3 {
        line-height: 34rpx;
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .detailsDd_fd9_0_c2_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_fd9_0_c2_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .detailsDd_fd9_0_c1_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
    }

    .detailsDd_fd9_0_c1_c0 {
        margin: 0rpx 24rpx 0rpx 0rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
    }

    .detailsDd_fd9_0_c1 {
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .detailsDd_fd9_0_c0_c0 {
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        line-height: 45rpx;
    }

    .detailsDd_fd9_0_c0 {
        border-bottom: 1px solid #eee;
        padding: 32rpx 24rpx 24rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_fd9_0 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .detailsDd_flex_10 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .detailsDd_fd10_2_c0_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_fd10_2_c0_c0 {
        width: 40rpx;
        height: 40rpx;
        margin: 0rpx 8rpx 0rpx 0rpx;
    }

    .detailsDd_fd10_2 {
        padding: 20rpx 0rpx 20rpx 0rpx;
    }

    .detailsDd_fd10_1_c1_c1_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }

    .detailsDd_fd10_1_c1_c0_c3 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        text-align: left;
        font-style: normal;
    }

    .detailsDd_fd10_1_c1_c0_c2 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        text-align: left;
        font-style: normal;
        margin: 0rpx 0rpx 0rpx 10rpx;
    }

    .detailsDd_star1fd10_1_c1_c0_c1 {
        height: 26rpx;
        margin: 0rpx 5rpx 0rpx 0rpx;
        width: 26rpx;
    }

    .detailsDd_star1fd10_1_c1_c0_c1 {
        width: 26rpx;
        height: 26rpx;
        margin: 0rpx 5rpx 0rpx 0rpx;
    }

    .detailsDd_fd10_1_c1_c0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 45rpx;
        margin: 0rpx 15rpx 0rpx 0rpx;
        max-width: 220rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .detailsDd_fd10_1_c1_c0 {
        margin: 0rpx 0rpx 14rpx 0rpx;
    }

    .detailsDd_fd10_1_c0 {
        width: 120rpx;
        height: 120rpx;
        border-radius: 60rpx;
        margin: 0rpx 16rpx 0rpx 0rpx;
    }

    .detailsDd_fd10_1 {
        border-bottom: 1px solid #eee;
        padding: 32rpx 24rpx 32rpx 24rpx;
    }

    .detailsDd_fd10_0_c2 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 600;
        line-height: 40rpx;
    }

    .detailsDd_fd10_0_c1 {
        margin: 0rpx 0rpx 0rpx auto;
        color: #999999;
        font-size: 28rpx;
        font-weight: 600;
        line-height: 40rpx;
    }

    .detailsDd_fd10_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 600;
        line-height: 45rpx;
    }

    .detailsDd_fd10_0 {
        border-bottom: 1px solid #eee;
        padding: 24rpx 24rpx 24rpx 24rpx;
    }

    .detailsDd_flex_11 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .detailsDd_fd11_2 {
        margin: 0rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd11_1_c1_c0_c0 {
        width: 120rpx;
        height: 120rpx;
        border-radius: 16rpx;
    }

    .detailsDd_fd11_1_c1_c0 {
        margin: 0rpx 0rpx 32rpx 16rpx;
    }

    .detailsDd_fd11_1_c0 {
        margin: 0rpx 32rpx 0rpx 0rpx;
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }

    .detailsDd_fd11_1 {
        margin: 32rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd11_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 600;
        line-height: 45rpx;
    }

    .detailsDd_fd11_0 {
        border-bottom: 1px solid #eee;
        padding: 24rpx 24rpx 24rpx 24rpx;
    }

    .detailsDd_flex_12 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 24rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .detailsDd_fd12_4_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        text-align: right;
        margin: 0rpx 0rpx 0rpx 20rpx;
    }

    .detailsDd_fd12_1_c1 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_fd12_1_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx auto 0rpx 0rpx;
    }

    .detailsDd_fd12_1 {
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .detailsDd_fd12_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 600;
        line-height: 45rpx;
    }

    .detailsDd_fd12_0 {
        border-bottom: 1px solid #eee;
        padding: 24rpx 24rpx 24rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_flex_13 {
        background: var(--benbenbgColor1);
        background-size: 100% auto;
        border-radius: 16rpx;
        margin: 0rpx 24rpx 20rpx 24rpx;
        padding: 0rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd13_9_c4 {
        color: #FF8E21;
        font-size: 32rpx;
        font-weight: 700;
        line-height: 45rpx;
        text-align: center;
        font-style: normal;
    }

    .detailsDd_fd13_9_c3 {
        color: #FF8E21;
        font-size: 22rpx;
        font-weight: 700;
        line-height: 45rpx;
        text-align: center;
        font-style: normal;
    }

    .detailsDd_fd13_9_c2 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        margin: 0rpx 9rpx 0rpx 32rpx;
    }

    .detailsDd_fd13_9 {
        border-top: 1px solid #eee;
        padding: 30rpx 0rpx 30rpx 0rpx;
    }

    .detailsDd_fd13_8_c1_c1 {
        color: #FA2033;
        font-size: 22rpx;
        font-weight: 500;
        line-height: 30rpx;
    }

    .detailsDd_fd13_8_c1_c0 {
        width: 33rpx;
        height: 33rpx;
        margin: 0rpx 7rpx 0rpx 0rpx;
    }

    .detailsDd_fd13_8_c1 {
        background: linear-gradient(180deg, #FDD3D3 0%, #FFDEDE 100%);
        ;
        background-size: 100% auto;
        padding: 0rpx 10rpx 0rpx 0rpx;
        height: 38rpx;
    }

    .detailsDd_fd13_7_c0 {
        width: 33rpx;
        height: 33rpx;
        margin: 0rpx 10rpx 0rpx 0rpx;
    }

    .detailsDd_fd13_4_c0 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        text-align: left;
        font-style: normal;
        margin: 0rpx auto 0rpx 0rpx;
    }

    .detailsDd_fd13_3 {
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_fd13_2_c3 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_fd13_2_c2 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        margin: 0rpx 0rpx 0rpx auto;
    }

    .detailsDd_fd13_2_c1 {
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        margin: 0rpx 0rpx 0rpx 16rpx;
    }

    .detailsDd_fd13_2_c0 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        text-align: left;
        font-style: normal;
    }

    .detailsDd_fd13_2 {
        margin: 24rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_fd13_1_c1_c2 {
        margin: 16rpx 0rpx 0rpx 0rpx;
    }

    .detailsDd_fd13_1_c1_c1 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
    }

    .detailsDd_fd13_1_c1_c0_c1_c1 {
        color: var(--benbenFontColor0);
        font-size: 32rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_fd13_1_c1_c0_c1_c0 {
        color: var(--benbenFontColor0);
        font-size: 22rpx;
        font-weight: 500;
        line-height: 38rpx;
    }

    .detailsDd_fd13_1_c1_c0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 40rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0rpx 20rpx 0rpx 0rpx;
    }

    .detailsDd_fd13_1_c1_c0 {
        margin: 0rpx 0rpx 16rpx 0rpx;
    }

    .detailsDd_fd13_1_c0 {
        width: 152rpx;
        height: 152rpx;
        border-radius: 16rpx;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .detailsDd_fd13_1 {
        margin: 0rpx 0rpx 24rpx 0rpx;
    }

    .detailsDd_fd13_0_c1_2 {
        border: 1px solid rgba(52, 187, 52, 1);
        background: var(--benbenbgColor1);
        border-radius: 4rpx;
        line-height: 32rpx;
        font-size: 20rpx;
        color: rgba(52, 187, 52, 1);
        margin: 0rpx 0rpx 0rpx 8rpx;
        height: 32rpx;
        padding: 0rpx 9rpx 0rpx 9rpx;
    }

    .detailsDd_fd13_0_c1_1 {
        border: 1px solid #FF8E21;
        background: var(--benbenbgColor1);
        border-radius: 4rpx;
        line-height: 32rpx;
        font-size: 20rpx;
        color: #FF8E21;
        margin: 0rpx 0rpx 0rpx 8rpx;
        height: 32rpx;
        padding: 0rpx 9rpx 0rpx 9rpx;
    }

    .detailsDd_fd13_0_c1 {
        border: 1px solid rgba(62, 158, 240, 1);
        background: var(--benbenbgColor1);
        border-radius: 4rpx;
        line-height: 32rpx;
        font-size: 20rpx;
        color: rgba(62, 158, 240, 1);
        margin: 0rpx 0rpx 0rpx 8rpx;
        height: 32rpx;
        padding: 0rpx 9rpx 0rpx 9rpx;
    }

    .detailsDd_fd13_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 700;
        line-height: 45rpx;
        max-width: 550rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .detailsDd_fd13_0 {
        padding: 32rpx 0rpx 40rpx 0rpx;
    }

    .detailsDd_flex_14 {
        background: var(--benbenbgColor1);
        margin: 0rpx 24rpx 32rpx 24rpx;
        background-size: 100% auto;
        border-radius: 16rpx;
        padding: 22rpx 24rpx 22rpx 24rpx;
    }

    .detailsDd_fd14_1 {
        margin: 0rpx 24rpx 0rpx 0rpx;
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        text-align: right;
    }

    .detailsDd_fd14_0 {
        margin: 0rpx 24rpx 0rpx 0rpx;
        color: #333333;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }

    .detailsDd_flex_15 {
        padding: 0rpx 24rpx 0rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_fd15_0_c4_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
        margin: 0rpx 0rpx 0rpx auto;
    }

    .detailsDd_fd15_0_c4 {
        margin: 0rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd15_0_c2_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        line-height: 40rpx;
		text-align: right;
		width: 70%;
		margin-left: auto;
    }

    .detailsDd_fd15_0_c2_c0 {
        margin: 0rpx 40rpx 0rpx 0rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
    }

    .detailsDd_fd15_0_c2 {
        margin: 0rpx 24rpx 0rpx 24rpx;
    }

    .detailsDd_fd15_0_c1_c2 {
        font-size: 24rpx;
        font-weight: 400;
        color: rgba(60, 158, 255, 1);
        line-height: 33rpx;
    }

    .detailsDd_fd15_0_c1_c1 {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        margin: 0rpx 16rpx 0rpx 40rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-height: 40rpx;
        text-align: right;
        font-style: normal;
    }

    .detailsDd_fd15_0_c1_c0 {
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        margin: 0rpx auto 0rpx 0rpx;
        line-height: 40rpx;
    }

    .detailsDd_fd15_0_c1 {
        line-height: 34rpx;
        margin: 0rpx 24rpx 32rpx 24rpx;
    }

    .detailsDd_fd15_0_c0_c0 {
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        line-height: 45rpx;
    }

    .detailsDd_fd15_0_c0 {
        border-bottom: 1px solid #eee;
        padding: 32rpx 24rpx 24rpx 24rpx;
        margin: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_fd15_0 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 0rpx 0rpx 32rpx 0rpx;
    }

    .detailsDd_flex_16 {
        background: #fff;
        width: 540rpx;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .detailsDd_fd16_2_c1 {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 16rpx 0rpx;
        font-size: 32rpx;
        color: var(--benbenFontColor4);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .detailsDd_fd16_2_c0 {
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 0rpx 16rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .detailsDd_fd16_1 {
        line-height: 40rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        text-align: center;
        margin: 0rpx 0rpx 40rpx 0rpx;
    }

    .detailsDd_fd16_0 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        text-align: center;
        margin: 40rpx 0rpx 40rpx 0rpx;
    }

    .detailsDd_flex_17 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 24rpx 24rpx 0rpx 0rpx;
        padding: 0rpx 32rpx 0rpx 32rpx;
    }

    ::v-deep .detailsDd_fd17_1_c0 {
        width: 100%;
    }

    .detailsDd_fd17_1 {
        touch-action: none;
        margin: 0rpx 0rpx 100rpx 0rpx;
        height: 500rpx;
        width: 100%;
    }

    .detailsDd_fd17_0_c1 {
        line-height: 50rpx;
        font-size: 36rpx;
        font-weight: 500;
        color: #333333;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0rpx 16rpx 0rpx 16rpx;
    }

    .detailsDd_fd17_0_c0 {
        width: 40rpx;
        height: 40rpx;
    }

    .detailsDd_fd17_0 {
        margin: 40rpx 0rpx 44rpx 0rpx;
    }

    .detailsDd_flex_18 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 24rpx 24rpx 0rpx 0rpx;
        padding: 0rpx 32rpx 0rpx 32rpx;
    }

    ::v-deep .detailsDd_fd18_1_c0 {
        width: 100%;
    }

    .detailsDd_fd18_1 {
        touch-action: none;
        width: 100%;
        height: 500rpx;
        margin: 0rpx 0rpx 100rpx 0rpx;
    }

    .detailsDd_fd18_0_c1 {
        line-height: 50rpx;
        font-size: 36rpx;
        font-weight: 500;
        color: #333333;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0rpx 16rpx 0rpx 16rpx;
    }

    .detailsDd_fd18_0_c0 {
        width: 40rpx;
        height: 40rpx;
    }

    .detailsDd_fd18_0 {
        margin: 40rpx 0rpx 44rpx 0rpx;
    }

    .detailsDd_flex_19 {
        background: #fff;
        background-size: 100% auto !important;
        border-radius: 24rpx 24rpx 0rpx 0rpx;
        padding: 0rpx 32rpx 0rpx 32rpx;
    }

    ::v-deep .detailsDd_fd19_1_c0 {
        width: 100%;
    }

    .detailsDd_fd19_1 {
        touch-action: none;
        width: 100%;
        height: 500rpx;
        margin: 0rpx 0rpx 100rpx 0rpx;
    }

    .detailsDd_fd19_0_c1 {
        line-height: 50rpx;
        font-size: 36rpx;
        font-weight: 500;
        color: #333333;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0rpx 16rpx 0rpx 16rpx;
    }

    .detailsDd_fd19_0_c0 {
        width: 40rpx;
        height: 40rpx;
    }

    .detailsDd_fd19_0 {
        margin: 40rpx 0rpx 44rpx 0rpx;
    }
	.refundXq_fd1_1 {
		background: #F6F7F9;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		width: 148rpx;
		line-height: 56rpx;
		font-size: 24rpx;
		color: var(--benbenFontColor4);
		height: 56rpx;
		margin: 0 0 24rpx 0;
	}
</style>